<template>
  <div>
    <customDetailsTopbar :title="$route.query.tag + '详情'" flag @back="back" />
    <div class="d-scroll listInner px-1">
      <div class="py-1 px-1 bg-white">
        <div v-for="(item, index) in descList" :key="index">
          <div>
            <custom-details-item :icon="item.icon" :label="item.label" :value="item.value">
              <template #valueSlot>
                <el-link v-if="item.label === '操作'" type="primary">{{ item.value }}</el-link>
                <span v-else>{{ item.value }}</span>
              </template>
            </custom-details-item>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      descList: [],
      descListMap: {
        '项目信息登记': [
          { label: '项目名称', value: '减污降碳节能增效', icon: '&#xe62c;' },
          { label: '企业名称', value: '重庆大江工业公司', icon: '&#xe790;' },
          { label: '年份', value: '2023', icon: '&#xe8d5;' },
          { label: '降碳项目类型', value: '可再生能源项目', icon: '&#xe634;' },
          { label: '项目开始时间', value: '2023-01-05', icon: '&#xe685;' },
          { label: '项目结束时间', value: '2023-02-05', icon: '&#xe685;' },
          { label: '项目进度', value: '进行中', icon: '&#xe64d;' },
          { label: '操作', value: '附件', icon: '&#xe677;' }
        ],
        '减排效果评价': [
          { label: '项目名称', value: '减污降碳节能增效', icon: '&#xe62c;' },
          { label: '企业名称', value: '重庆大江工业公司', icon: '&#xe790;' },
          { label: '年份', value: '2023', icon: '&#xe8d5;' },
          { label: '降碳项目类型', value: '可再生能源项目', icon: '&#xe634;' },
          { label: '项目开始时间', value: '2023-01-05', icon: '&#xe685;' },
          { label: '项目结束时间', value: '2023-02-05', icon: '&#xe685;' },
          { label: '项目进度', value: '进行中', icon: '&#xe64d;' },
          { label: '减排效果', value: '附件下载', icon: '&#xe677;' }
        ]
      }
    }
  },
  mounted() {
    this.descList = this.descListMap[this.$route.query.tag]
  },
  methods: {
    back() {
      this.$router.back()
    }
  }
}
</script>
